@extends('admin.main.layout')
@section('title', '添加管理员')
@section('content')
<input type="hidden" id="short_id" value="{{ $shortDetial->short_id }}">
<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4>{{ $shortDetial->name }}</h4>
                <ul class="card-actions">
                    <li>
                        <a type="button" data-toggle="tooltip" title="" data-original-title="返回列表" href="/admin/short/list"><i class="mdi mdi-arrow-left"></i>返回列表</a>
                    </li>
                    <li>                        
                        <a type="button" data-toggle="tooltip" title="" data-original-title="复制链接" href="javascript:;" class="text-primary" id="copylink" data-clipboard-text="{{ $shortDetial->short_link }}"><i class="mdi mdi-link-variant"></i>复制链接</a>
                    </li>
                    <li class="dropdown">
                        <button type="button" data-toggle="dropdown" aria-expanded="false">更多操作 <span class="caret"></span></button>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a tabindex="-1" href="/admin/short/short_update/{{ $shortDetial->short_id }}">更新链接</a> </li>
                            <li><a tabindex="-1" class="text-danger" href="/admin/short/short_delete/{{ $shortDetial->short_id }}">删除链接</a> </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <div class="m-navbar-header">
                    <ul id="mini_detial">
                        <li data="record" class="active">访问记录列表</li>
                        <li data="cahrt">数据统计</li>
                    </ul>
                </div>
                <div id="myTabContent" style="display: flex;flex-direction: column;">
                    <div style="width:100%;" id="record">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>IP</th>
                                    <th>省份</th>
                                    <th>城市</th>
                                    <th>浏览器</th>
                                     <th>系统</th>
                                    <th>设备类型</th>
                                    <th>访问时间</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <div>
                        </div>
                    </div>
                    <div style="width: 100%;height: 300px;display: none;" id="cahrt">
                        <div id="overview-chart" class="apex-charts" dir="ltr" style="height:300px;width: 100%;float: left;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="https://file.wailian1.cn/admin/js/public/clipboard.min.js"></script>
<script src="https://file.wailian1.cn/admin/assets/moment/moment.js"></script>
<script src="https://file.wailian1.cn/admin/assets/echarts/echarts.min.js"></script>
<script type="text/javascript" src="/admin/js/alipay_mini.detial.js"></script>
@endsection
